導(dǎo)讀:對于許多網(wǎng)頁設(shè)計師而言,是選擇單頁面還是多頁面的設(shè)計,可能會非常的棘手。隨著移動端和社交媒體的興起,簡單快速響應(yīng)迅速的單頁網(wǎng)站,成為了目前網(wǎng)頁設(shè)計的趨勢。另一方面,傳統(tǒng)的
發(fā)表日期:2018-11-11
文章編輯:興田科技
瀏覽次數(shù):8770
標(biāo)簽:
對于許多網(wǎng)頁設(shè)計師而言,是選擇單頁面還是多頁面的設(shè)計,可能會非常的棘手。隨著移動端和社交媒體的興起,簡單快速響應(yīng)迅速的單頁網(wǎng)站,成為了目前網(wǎng)頁設(shè)計的趨勢。另一方面,傳統(tǒng)的多頁設(shè)計也因其廣泛的認知,而被廣大用戶所認可。
所以,真正要在兩者之間做取舍,并不容易。單頁和多頁式的設(shè)計哪個更好,影響因素很多。網(wǎng)站的內(nèi)容如何鋪排,導(dǎo)航如何運作,整體的策略和需求,出發(fā)點,都會影響到選擇的決策。不過,內(nèi)容始終是核心的影響因素,從內(nèi)容入手,分析哪種導(dǎo)航,哪種布局更合適,是一種合理的策略。
當(dāng)然,具體怎么做,看下去,這篇文章會給你答案。
一、單頁網(wǎng)站
單頁網(wǎng)站,顧名思義,指的是網(wǎng)站本身并沒有采用多頁式的布局,而是將內(nèi)容都放置在單個頁面上,諸如我們常見的「關(guān)于」「聯(lián)系我們」等分頁都是不存在單獨分頁的。
正如Awwwards所解釋的那樣,單頁式網(wǎng)站將內(nèi)容完全整合在一頁當(dāng)中,使得整個體驗更加流暢。用戶借助單頁內(nèi)的導(dǎo)航同樣可以快速定位,滾動瀏覽也很容易。
單頁網(wǎng)站在為用戶提供內(nèi)容的時候,其信息和內(nèi)容都是經(jīng)過篩選和管控的,確保更適宜閱讀和瀏覽。這也是為什么絕大多數(shù)的產(chǎn)品頁面、作品集和事件相關(guān)的頁面會采用單頁設(shè)計。在這樣的情況下使用單頁設(shè)計能夠大程度降低信息噪音的影響,讓用戶專注于重要的內(nèi)容。
1.單頁網(wǎng)站設(shè)計的優(yōu)點
為什么那么多人會選擇單頁設(shè)計呢?的確,單頁網(wǎng)站更容易理解,拆分出來的區(qū)塊也不算多,用戶也很容易消化。
單頁設(shè)計更容易直觀地呈現(xiàn)整個用戶歷程。不需要額外的頁面加持,訪客可以直觀而清晰地感知到整個信息流,如果呈現(xiàn)故事的話,起承轉(zhuǎn)合是非常的順暢的呈現(xiàn)。
單頁設(shè)計的另外一個優(yōu)點,是交互足夠簡單。研究表面,單頁網(wǎng)站比多頁網(wǎng)站的轉(zhuǎn)化率要高37.5%,用戶可以更快地瀏覽,更快地獲取信息,不會因為頁面和復(fù)雜的交互而分心。
單頁式網(wǎng)站在移動端上的優(yōu)勢也更加明顯。在小屏幕匹配上更加精簡直觀的內(nèi)容,加上簡單而自然的滾動交互,用戶體驗可謂是輕松而舒適。
但是,這還不是全部。設(shè)計師從中同樣獲得不少好處:再也不用增加來回跳轉(zhuǎn)的鏈接和頁面了,工作量沒那么大,頁面功能也更容易實現(xiàn),也便于迭代和維護。
2.單頁網(wǎng)站設(shè)計的缺點
單頁網(wǎng)站的缺點和優(yōu)點同樣突出。單頁網(wǎng)站的缺陷主要體現(xiàn)在幾個不同的方面。
單頁網(wǎng)站在SEO上的優(yōu)勢并不大。事實上,在網(wǎng)站排名這個事情上,單頁網(wǎng)站先天就競爭力不足,這也導(dǎo)致借由搜索引擎進入網(wǎng)站的打開率相對較低。由于內(nèi)容較少,目標(biāo)關(guān)鍵詞在單頁網(wǎng)站上常常會被忽略掉。
另外,單頁網(wǎng)站也不是成長型品牌在設(shè)計網(wǎng)站時候的選,因為它的擴展性是比較有限的。正如同我們所看到的那樣,單頁網(wǎng)站的關(guān)注度相對較低,不適合大量內(nèi)容的、信息結(jié)構(gòu)復(fù)雜的網(wǎng)站來使用。因此,如果你正在運營一個不大的網(wǎng)站,但是有計劃進行多方面拓展的話,盡量選擇多頁網(wǎng)站設(shè)計。
后,網(wǎng)站本身通常只會有一個URL地址。這本身并不存在問題,可是當(dāng)你需要借助諸如Google Analytics來分析網(wǎng)站數(shù)據(jù)的時候,內(nèi)容并不是通過鏈接來區(qū)分的,這使得你所獲得分析數(shù)據(jù)是非常有限的。
二、多頁網(wǎng)站
多頁網(wǎng)站包含有多個子頁面。與單頁網(wǎng)站不同,多頁網(wǎng)站的設(shè)計中需要借助導(dǎo)航來承載不同頁面的鏈接。
多頁網(wǎng)站幾乎能夠承載所有類型的網(wǎng)站項目,諸如Amazon這樣的電商網(wǎng)站,諸如Atlassian這樣的儀表盤式的網(wǎng)站,也可以滿足Lynda這樣的在線學(xué)習(xí)網(wǎng)站的需求。
1.多頁網(wǎng)站設(shè)計的優(yōu)點
和單頁網(wǎng)站相比,多頁面的網(wǎng)站的優(yōu)點主要體現(xiàn)在三個方面:
先,多頁面網(wǎng)站有著明顯更強的拓展性。根據(jù)需求創(chuàng)建幾乎任意數(shù)量的子頁面,設(shè)計師能夠通過整合來創(chuàng)造出可用的導(dǎo)航系統(tǒng)。諸如電商網(wǎng)站,會采用一個大型的自定義導(dǎo)航菜單,搭配上搜索框,用戶可以借此抵達幾乎每一個頁面和產(chǎn)品。當(dāng)然,值得注意的是,導(dǎo)航的設(shè)計應(yīng)該取決于網(wǎng)站的縱深,這個需要設(shè)計師仔細衡量和把控。
其次,多頁面網(wǎng)站的導(dǎo)航流程,更容易遵循。多頁面的網(wǎng)站設(shè)計早在90年代就已經(jīng)形成了,用戶對于這類網(wǎng)站的使用方式早已熟悉,它們的使用已經(jīng)成為一種約定俗成的模式,遵循即可。
后,多頁面的站點在SEO上有著更多的功能和突出的優(yōu)勢。我們都能確定,多頁面的網(wǎng)站比單頁網(wǎng)站更容易承載更多的內(nèi)容,在搜索引擎優(yōu)化上也有更多的潛能可供挖掘,可以承載更加多樣的營銷策略。
2.多頁網(wǎng)站設(shè)計的缺陷
事物總是具有兩面性的。多頁網(wǎng)站的缺點也是不能回避的問題。
多頁面網(wǎng)站需要更加頻繁、工作量更大的維護,這無論是對于設(shè)計團隊、開發(fā)團隊還是內(nèi)容團隊而言,都是頗為繁重的工作。在選擇單頁面還是多頁面的網(wǎng)站的時候,需要考慮內(nèi)容的體量和工作量,作出合理的衡量。正如同Undsgn所說:「更新和維護單個頁面比處理多個頁面要容易得多,基本的數(shù)學(xué)規(guī)律你是違反不了的!」尤其重要的是,追求數(shù)量而輕視質(zhì)量對于企業(yè)而言是極為不利的。
另外一個需要注意的問題就是網(wǎng)的跳出率。根據(jù)《Search Engine Journal》的統(tǒng)計,擁有大量內(nèi)容的網(wǎng)站相對而言加載速度會更慢,用戶注意力更容易被分散,這會導(dǎo)致網(wǎng)站的跳出率提升。雖然并非每個多頁面網(wǎng)站都會被內(nèi)容所拖累,但是內(nèi)容和信息量的增加是必然會帶來注意力的分散,這個是需要注意的。
后,多頁面網(wǎng)站設(shè)計在移動端上,也沒有單頁設(shè)計那么友好。和單頁不同,多頁面網(wǎng)站即使是通過響應(yīng)式設(shè)計在移動端上呈現(xiàn),在交互和界面上所耗費的時間也是更長的,所達到的效果卻不一定理想。你會為了移動端上的一致性,而犧牲桌面端上的一些設(shè)計么?
三、理想解決方案
其實今天的文章,我們的目標(biāo)是通過闡述單頁設(shè)計和多頁面設(shè)計之間的差異,讓你能夠在設(shè)計上作出更好的決策。簡單總結(jié)一下:當(dāng)你的網(wǎng)站功能比較集中,關(guān)注度也較低的時候,單頁設(shè)計會非常有用,它也是移動端網(wǎng)頁的選方案。如果你需要復(fù)雜的、多功能、可拓展式的網(wǎng)站,那么還是采用傳統(tǒng)的多頁式設(shè)計,結(jié)合合理的導(dǎo)航設(shè)計,并且加入可靠的SEO策略。
選擇單頁還是多頁,很多時候需要靈活應(yīng)變,因地制宜,內(nèi)容始終是網(wǎng)站的靈魂,多考慮用戶打開網(wǎng)站時候的使用場景,也許整個局面就很明朗了。
上一篇:
暫無信息更多新聞
2020
關(guān)于搜索引擎優(yōu)化,現(xiàn)在的企業(yè)都要擁有自己的網(wǎng)站,因為他可以給給公司帶來方方面面的幫助。比如常規(guī)的官方網(wǎng)站,主要用來展示公司的一些相關(guān)信息。比如公
View details
2020
關(guān)于關(guān)鍵詞優(yōu)化,通常伴隨著站點的整個生命周期,因此站點的SEO優(yōu)化不能簡單地強調(diào)相關(guān)技巧,而要從策略角度考慮,這樣才能指導(dǎo)站點的SEO優(yōu)化作業(yè),并且能夠讓S
View details
2020
關(guān)于網(wǎng)站優(yōu)化,看一下對方網(wǎng)站的目標(biāo)關(guān)鍵詞是什么,搜索一下這些關(guān)鍵詞,看看這個網(wǎng)站整體排名如何。同樣,這里并不要求一定是排前二十名,只要能在前一兩百名
View details
2020
關(guān)于搜索引擎優(yōu)化,為了讓企業(yè)網(wǎng)站運行得更好,SEO優(yōu)化必須要做好,首先針對SEO優(yōu)化中要害詞的規(guī)劃和布局,關(guān)鍵字的布局是打造關(guān)鍵字成敗的基石,如果關(guān)鍵字布
View details